<template>
  <div>
    <h2> 新增用户 </h2>

    <!--默认头像-->
    <img
      :src="user.avator"
      style="border-radius:50%; width:50px;height:50px"
    >
    <br>
    <br>
    姓名 : <input
      name="name"
      type="text"
      v-model="user.name"
    >
    <br>
    年龄: <input
      name="age"
      type="text"
      v-model="user.age"
    >
    <br>
    <!--默认性别-->
    性别: <input
      name="sex"
      type="text"
      v-model="user.sex"
    >
    <br>
    <!--默认自我介绍-->
    介绍：<textarea v-model="user.detail"> </textarea>
    <br>
    <button @click="onSubmit">提交</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      user: {
        name: "",
        avator:
          "https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224",
        sex: "男",
        age: 18,
        detail: "这家伙很懒"
      }
    };
  },
  methods: {
    onSubmit() {
      this.$store.dispatch("ADD_USER", this.user).then(res => {
        if (res.success) {
          // 成功
          this.$message.info(res.message);
          this.$router.push("/admin/user");
        } else {
          // 失败
          this.$message.error(res.message);
        }
      });
    }
  }
};
</script>